﻿<!DOCTYPE html>
<html lang="en">
<head>
	<title>百度一下，你就知道</title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="base.css">
</head>
<body>
	<!-- header头部 -->
	<header class="page-header">
		<nav>
			<a href="#">新闻</a>
			<a href="#">hao123</a>
			<a href="#">地图</a>
			<a href="#">视频</a>
			<a href="#">贴吧</a>
			<a href="#">学术</a>
			<a href="#">登录</a>
			<a href="#">设置</a>
			<a href="#">更多产品</a>
		</nav>
	</header>
	<!-- header头部结束 -->

	<!-- mainer主体 -->
	<div class="page-mainer">
		<div class="logo-container">
			<img src="https://www.baidu.com/img/bd_logo1.png" alt="baidu_logo_png">
		</div>
		<div class="form-container">
			<form>
				<input type="text" name="search" class="form-search" placeholder="">
				<button class="submit-btn">百度一下</button>
			</form>
		</div>
	</div>
	<!-- mainer主体结束 -->

	<!-- footer尾部 -->
	<footer class="page-footer">
		<p class="qrcode-container">
			<img src="https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/qrcode/zbios_efde696.png" alt="qrcode"></br>
			<b>百度</b>
		</p>
		<p class="footer-info">
			<a href="#">把百度设为主页</a>
			<a href="#">关于百度</a>
			<a href="#">About Baidu</a>
			<a href="#">百度推广</a>
		</p>
		<p class="footer-info">
			©2018 Baidu 
			<a href="#">使用百度前必读</a> 
			<a href="#">意见反馈</a> 
			京ICP证030173号  
			<a href="#">京公网安备11000002000001号</a>
		</p>
	</footer>
	<!-- footer尾部结束 -->
</body>
</html>